<!DOCTYPE html>
<html>
 <head> 
  <title>{$cateName}--{$Think.config.WEBNAME}</title> 
  <!-- meta tags start --> 
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  <meta name="Keywords" content="个人博客,闫海个人博客,闫海" /> 
  <meta name="Description" content="闫海的个人博客，是一个会点三脚猫功夫的伪php程序员。" /> 
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> 
  <!-- meta tags end --> 
  <!-- favorite icon starts --> 
  <link rel="shortcut icon" href="images/common/favicon.ico" type="image/x-icon" /> 
  <!-- favorite icon ends --> 
  <!-- CSS files start --> 
  <link href="css/framework.css" rel="stylesheet" type="text/css" media="all" /> 
  <link href="css/colorbox.css" rel="stylesheet" type="text/css" media="all" /> 
  <link href="css/elements.css" rel="stylesheet" type="text/css" media="all" /> 
  <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> 
  <link href="css/responsive.css" rel="stylesheet" type="text/css" media="screen" /> 
  <link href="css/hidpi.css" rel="stylesheet" type="text/css" media="screen" /> 
  <link href="css/skin.css" rel="stylesheet" type="text/css" media="all" /> 
  <link href="css/custom.css" rel="stylesheet" type="text/css" media="all" /> 
  <!-- CSS files end --> 
  <!-- JavaScript files start --> 
  <script type="text/javascript" src="js/jquery.min.js"></script> 
  <script type="text/javascript" src="js/effects.jquery-ui.min.js"></script> 
  <script type="text/javascript" src="js/jquery.nivo-slider.min.js"></script> 
  <script type="text/javascript" src="js/jquery.colorbox.min.js"></script> 
  <script type="text/javascript" src="js/custom.js"></script> 
  <!-- JavaScript files end --> 
 </head> 
 <body> 
  <!-- website wrapper starts --> 
  <div class="websiteWrapper"> 
   <!-- main menu wrapper starts --> 
   <div class="mainMenuOuterWrapper"> 
    <a href="#" class="mainMenuCloseButton"></a> 
    <ul class="mainMenuWrapper"> 
     <li class="currentPage"><a href="index.html">网站首页</a></li> 
     <li><a href="typography.html">关于我</a> </li> 
     <li><a href="faq.html">时光轴</a></li> 
     <li><a href="404.html">-404页面</a></li> 
     <li><a href="blog.html">品味人生</a> </li> 
     <li><a href="blog.html">技术分享</a> </li> 
     <li><a href="singlePost.html">文章内容页</a></li> 
    </ul> 
   </div> 
   <!-- main menu wrapper ends --> 
   <!-- header wrapper starts --> 
   <div class="headerOuterWrapper pageHeaderWrapper"> 
    <div class="headerWrapper"> 
     <a class="mainLogo" href="index.html"><img src="images/mainLogo.png" alt="" /></a> 
     <a href="#" class="mainMenuButton"></a>
    </div> 
    <!-- page title starts --> 
    <h3 class="pageTitle">{$cateName}</h3>
    <!-- page title ends --> 
   </div> 
   <!-- header wrapper ends --> 
   <!-- accordion item wrapper starts --> 
    <div class="accordionItemWrapper"> 
     <a href="" class="accordionButton"><span class="accordionButtonIcon"></span><span class="accordionButtonTitle">子栏目</span></a> 
     <div class="accordionContentWrapper"> 
      <div class="accordionContent"> 
       <p><a href="">111111</a></p>
       <p><a href="">111111</a></p>
       <p><a href="">111111</a></p>
      </div> 
     </div> 
    </div> 
   <!-- accordion item wrapper ends -->
   <!-- page wrapper starts --> 
   <div class="pageWrapper blogPageWrapper"> 
    <!-- blog posts wrapper starts --> 
    <div class="blogPostsWrapper"> 
     <!-- small blog post starts  --> 
     <div class="smallPostWrapper"> 
      <a href="" class="postThumbnailWrapper"><img src="images/small-1-1.jpg" alt="" /></a> 
      <div class="postExcerptWrapper"> 
       <h4 class="smallPostTitle">A regular post</h4> 
       <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p> 
      </div> 
      <div class="smallPostInfoWrapper">
       <span class="singleIconWrapper singleIconText iconCalendarDark postInfo postDate postInfoNoMargin">03/06/2013</span>
       <a href="singlePost.html" class="smallPostMoreButton">read more</a>
      </div> 
     </div> 
     <!-- small blog post ends --> 
     
    </div> 
    <!-- blog posts wrapper ends --> 
   </div> 
   <!-- page wrapper ends --> 
   <!-- page numbers start --> 
   <div class="pageNumbersWrapper"> 
    <span class="pageNumber currentPageNumber">1</span> 
    <a href="" class="pageNumber">2</a> 
    <a href="" class="pageNumber">3</a> 
    <span class="pageNumber">...</span>
    <a href="" class="pageNumber">&laquo;</a> 
    <a href="" class="pageNumber">&raquo;</a> 
   </div> 
   <!-- page numbers end --> 
   <!-- footer wrapper starts --> 
   <div class="footerWrapper"> 
    <!-- copyright wrapper starts --> 
    <div class="copyrightWrapper"> 
     <!-- copyright starts --> 
     <span class="copyright">Powered by <a href="http://www.shoujicms.cn" target="_blank">手机cms</a> Copyright &copy; 2007 - 2014</span> 
     <!-- copyright ends --> 
     <!-- back to top button starts --> 
     <a href="" class="backToTopButton"></a> 
     <!-- back to top button ends --> 
    </div> 
    <!-- copyright wrapper ends --> 
   </div> 
   <!-- footer wrapper ends --> 
  </div> 
  <!-- website wrapper ends -->   
 </body>
</html>